<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>制作简易的当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/上机练习一.css" />
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="img/dd_logo.jpg"><span onclick="close_plan();">关闭</span>
    </div>
    <div class="cartList">
        <ul>
            <li onclick="shoucang();">移入收藏</li>
            <li onclick="shanchu();">删除</li>
            <li onclick="shoucang();">移入收藏</li>
            <li onclick="shanchu();">删除</li>
            <li><span onclick="jiesuan();">结算</span></li>
        </ul>
    </div>
</div>
<script type="text/javascript">
	//1、关闭窗口
	function close_plan(){
		window.close();
	}
	//2、移入收藏
	function shoucang(){
		var flag=confirm("移入收藏后，将不在购物车显示，是否继续操作？");
		if(flag==true){
			alert("移入收藏成功！");
		}else{
			alert("您取消了收藏！");
		}
	}
	//3、删除 
	function shanchu(){
		var flag=confirm("您确定要删除商品吗？");
		if(flag==true){
			alert("删除成功！");
		}else{
			alert("取消删除！");
		}
	}
	//4、结算
	function jiesuan(){
		var flag=confirm("请确认信息是否有误？");
		if(flag==true){
			alert("您的订单已提交！");
		}else{
			alert("订单已取消！");
		}
	}
</script>
</body>
</html>